import request from '../../until/request'
Page({
  // 收集手机号码和密码
  // 手机和密码的输入框调用的是同一个方法，通过给标签上书写id标识符，然后通过target.id来判断是手机号的输入框还是密码的输入框发生了改变
  handlerInput(e){
    // console.log(e);
    let type = e.target.id
    // if(type === 'phone'){
    //   this.setData({
    //     phone:e.detail.value
    //   })
    // }else{
    //   this.setData({
    //     password:e.detail.value
    //   })
    // }
    // 简写
    this.setData({
      [type]:e.detail.value
    })
  },
  // 点击登录
  async tologin(){
    // 1.验证手机和密码是否符合规则
    const {phone,password} = this.data
    let phoneRex = /^1[3-9]\d{9}$/
    if(!phoneRex.test(phone)){
      wx.showToast({
        title: '手机号格式错误',
        icon: 'error',
      })
      return
    }
    if(!password.trim()){
      wx.showToast({
        title: '密码格式错误',
        icon: 'error',
      })
      return
    }
    // 2.发请求登录
    // 由于网易的这个登录接口需要图形验证码验证才会成功，直接发请求会报错，显示网络拥挤，所以这里我们直接再官网去登录，登陆之后找到cellphone这个请求，里面有我们登录后的个人信息，直接使用，模拟登录
    // const res = await request({
    //   url:'/login/cellphone',
    //   method:'get',
    //   data:{
    //     phone,
    //     password
    //   }
    // })
    const res = {
      code:200,
      profile:{
        avatarUrl: "https://p2.music.126.net/bhh5joBwy-8tgpsjrwWYUQ==/109951168502948656.jpg",
        nickname:"用户6477630722",
        userId:6477630722
      }
    }
    if(res.code===200){
      // 存储用户信息，由于这个对象内容较多，使用本地存储进行存储
      wx.setStorageSync('userInfo', res.profile)
      // 跳转页面
      wx.reLaunch({
        url: '/pages/center/center',
      })
    }
  },
  /**
   * 页面的初始数据
   */
  data: {
    phone:'',
    password:'',
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})